<template>
  <div class="invoice">
    <Theme :theme="theme"></Theme>
    <div class="content">
      <van-notice-bar color="#323233" background="#fff" left-icon="info-o">
        发票说明
      </van-notice-bar>
      <van-cell title="路由跳转" is-link to="my" />
      <van-cell title="咖啡钱包购买开票" is-link to="my" />
      <van-cell title="礼品卡购买开票" is-link to="my" />
      <van-cell title="充值开票" is-link to="my" />
      <van-cell title="权益卡开票" is-link to="my" />
      <van-cell title="付费会员开票" is-link to="my" />
      <div class="content_bottom">
        <van-cell title="发票记录" is-link to="my" />
        <van-cell title="发票抬头" is-link to="my" />
      </div>
    </div>
  </div>
</template>

<script>
import Theme from "../../components/lsc/theme.vue";

export default {
  components: { Theme },
  methods: {},
  data() {
    return {
      theme: "发票管理",
    };
  },
};
</script>

<style scoped>
.invoice {
  width: 100%;
  min-height: 6.4rem;
  background-color: #f5f5f5;
}
/deep/.van-nav-bar {
  background-color: #f5f5f5;
}
/deep/.van-nav-bar .van-icon {
  color: gray;
}

.content,
.content_bottom {
  width: 95%;
  margin: 0 auto;
  margin-top: 0.1rem;
  background-color: #fff;
  border-radius: 0.09rem;
}
.content {
  margin-top: 0.46rem;
}
</style>